@charset "utf-8";
.fleft{ float:left;}
.fright{ float:right;}
.err{ color:#F30;}
.b-err{ border:1px solid #F30;}

.tcenter{ text-align:center !important;}
.tleft{ text-align:left !important;}
.tright{ text-align:right !important;}
.errmsg{ 
	color:#F30;
}
.okmsg{ 
	color:#077ffa;
}
.bdccc{ border:1px solid #ccc;}
#message{
	margin-top: 14px;
    text-align: left !important;
	font-style:italic;
	height:2px;
}

.bdn{ border:none;}
.bgn{ background:none;}
.icon{ background:url(../img/sprite.png);}
.icon2{ background:url(../img/tool-sprites.gif);}
.bgl{ background:#33363f;}
.c04aeda{ color:#04aeda !important;}
.cursor{ cursor:pointer;}

.logout{ background-position:-71px -2px; width:15px; height:15px; margin-top:1px;}
.ll-icon{ width:25px; height:25px; background-position:0 -29px; margin-top:11px; margin-left:20px;}
.lr-icon{ width:25px; height:25px; background-position:-32px -29px; margin-top:11px; margin-right:10px;}
.iprice{ width:25px; height:25px; background-position:-172px -29px; margin-top:13px; margin-left:20px;}
.l-menu:hover .iprice{ width:25px; height:25px; background-position:-172px -64px; margin-top:13px; margin-left:20px;}

.iAppBooster{ width:25px; height:25px; background-position:-209px -30px; margin-top:13px; margin-left:20px;}
.l-menu:hover .iAppBooster{ width:25px; height:25px; background-position:-209px -63px; margin-top:13px; margin-left:20px;}

.iCharity{ width:25px; height:25px; background-position:-98px -30px; margin-top:13px; margin-left:20px;}
.l-menu:hover .iCharity{ width:25px; height:25px; background-position:-98px -65px; margin-top:13px; margin-left:20px;}

.iTradiIT{ width:25px; height:25px; background-position:-135px -30px; margin-top:13px; margin-left:20px;}
.l-menu:hover .iTradiIT{ width:25px; height:25px; background-position:-135px -65px; margin-top:13px; margin-left:20px;}

.iStatus{ width:25px; height:25px; background-position:-64px -30px; margin-top:13px; margin-left:20px;}
.l-menu:hover .iStatus{ width:25px; height:25px; background-position:-64px -64px; margin-top:13px; margin-left:20px;}

.closes{ 
	height: 15px;
    margin: 8px 10px 10px 10px;
    width: 15px;
	background-position:0 0;
}
.closes:hover{ 
	height: 15px;
    margin: 8px 10px 10px 10px;
    width: 15px;
	background-position:-15px 0;
}
.status1{ background:#6fc831; border-radius:2px; padding:2px 2px 2px 5px; color:#fff; font-size:12px; min-height:18px;}
.status2{ background:#ffc800; border-radius:2px; padding:2px 2px 2px 5px; color:#fff; font-size:12px; min-height:18px;}
.status3{ background:#ff5b65; border-radius:2px; padding:2px 2px 2px 5px; color:#fff; font-size:12px; min-height:18px;}

.fcolor{ color:#ff8000;}
.fcolorw{ color:#ffffff;}
.fcolorb{color:#016b0b;}
.tcolor{ color:#03a599;}

.ln{ list-style:none;}

.clear{ clear:both;}
.tcenter{ text-align:center !important;}

.mg30{ margin:30px; margin-top:0;}

.mlefta10{ margin-left:-10px;}

.mleft3{ margin-left:3px !important;}
.mleft5{ margin-left:5px !important;}
.mleft10{ margin-left:10px !important;}
.mleft11{ margin-left:11px;}
.mleft12{ margin-left:12px;}
.mleft13{ margin-left:13px;}
.mleft14{ margin-left:14px;}
.mleft15{ margin-left:15px;}
.mleft18{ margin-left:18px;}
.mleft20{ margin-left:20px !important;}
.mleft22{ margin-left:22px;}
.mleft23{ margin-left:23px;}
.mleft25{ margin-left:25px;}
.mleft30{ margin-left:30px !important;}
.mleft35{ margin-left:35px;}
.mleft40{ margin-left:40px;}
.mleft50{ margin-left:50px;}
.mleft70{ margin-left:70px;}
.mleft80{ margin-left:80px;}
.mleft100{ margin-left:100px;}
.mleft110{ margin-left:110px;}
.mleft120{ margin-left:120px;}
.mleft130{ margin-left:130px;}
.mleft131{ margin-left:131px;}
.mleft150{ margin-left:150px;}
.mleft160{ margin-left:160px;}
.mleft170{ margin-left:170px;}
.mleft180{ margin-left:180px;}
.mleft200{ margin-left:200px;}
.mleft210{ margin-left:210px;}
.mleft220{ margin-left:220px;}
.mleft250{ margin-left:250px;}
.mleft300{ margin-left:300px;}
.mleft350{ margin-left:350px;}
.mleft360{ margin-left:360px;}
.mleft370{ margin-left:370px;}
.mleft400{ margin-left:400px;}

.mright1{ margin-right:1px;}
.mright2{ margin-right:2px;}
.mright3{ margin-right:3px;}
.mright4{ margin-right:4px;}
.mright5{ margin-right:5px;}
.mright6{ margin-right:6px;}
.mright7{ margin-right:7px;}
.mright8{ margin-right:8px;}
.mright9{ margin-right:9px;}
.mright10{ margin-right:10px;}
.mright15{ margin-right:15px;}
.mright18{ margin-right:18px !important;}
.mright20{ margin-right:20px;}
.mright30{ margin-right:30px;}
.mright40{ margin-right:40px;}
.mright50{ margin-right:50px;}
.mright52{ margin-right:52px;}
.mright53{ margin-right:53px;}
.mright55{ margin-right:55px;}
.mright60{ margin-right:60px;}
.mright70{ margin-right:70px;}
.mright75{ margin-right:75px;}
.mright100{ margin-right:100px;}
.mright170{ margin-right:170px;}

.mbottom5{ margin-bottom:5px;}
.mbottom20{ margin-bottom:20px;}

.mtop1{ margin-top:1px;}
.mtop2{ margin-top:2px;}
.mtop3{ margin-top:3px;}
.mtop5{ margin-top:5px;}
.mtop8{ margin-top:8px;}
.mtop10{ margin-top:10px;}
.mtop15{ margin-top:15px;}
.mtop18{ margin-top:18px;}
.mtop20{ margin-top:20px;}
.mtop30{ margin-top:30px;}
.mtop40{ margin-top:40px;}
.mtop50{ margin-top:50px;}
.mtop60{ margin-top:60px;}
.mtop70{ margin-top:70px;}
.mtop80{ margin-top:80px;}
.mtop100{ margin-top:100px;}
.mtop150{ margin-top:150px;}
.mtop200{ margin-top:200px;}
.mtop250{ margin-top:250px;}
.mtop300{ margin-top:300px;}

.mtop10a{ margin-top:-10px;}
.mtop15a{ margin-top:-15px;}
.mtop30a{ margin-top:-30px;}
.mtop85a{ margin-top:-85px;}

.pleft10{ padding-left:10px !important;}
.pleft15{ padding-left:15px !important;}
.pleft20{ padding-left:20px !important;}
.pleft30{ padding-left:30px !important;}
.pleft40{ padding-left:40px !important;}
.pleft50{ padding-left:50px !important;}
.pleft100{ padding-left:100px !important;}

.ptop5{ padding-top:5px !important;}
.ptop10{ padding-top:10px !important;}
.ptop50{ padding-top:50px !important;}
.ptop40{ padding-top:40px !important;}
.ptop30{ padding-top:30px !important;}
.ptop20{ padding-top:20px !important;}
.ptop10{ padding-top:10px !important;}

.pbottom15{ padding-bottom:15px;}
.pd5{ padding:5px !important;}
.pd6{ padding:6px !important;}

.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w95{ width:95px;}
.w100{ width:100px !important;}
.w105{ width:105px !important;}
.w110{ width:110px !important;}
.w120{ width:120px !important;}
.w125{ width:125px !important;}
.w130{ width:130px !important;}
.w135{ width:135px !important;}
.w138{ width:138px !important;}
.w140{ width:140px !important;}
.w150{ width:150px !important;}
.w152{ width:152px !important;}
.w160{ width:160px !important;}
.w170{ width:170px !important;}
.w175{ width:175px !important;}
.w180{ width:180px !important;}
.w186{ width:186px !important;}
.w188{ width:188px !important;}
.w190{ width:190px;}
.w200{ width:200px;}
.w208{ width:208px !important;}
.w210{ width:210px;}
.w220{ width:220px;}
.w225{ width:225px !important;}
.w228{ width:228px !important;}
.w230{ width:230px;}
.w240{ width:240px;}
.w250{ width:250px;}
.w260{ width:260px;}
.w270{ width:270px;}
.w285{ width:285px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w450{ width:450px;}
.w500{ width:500px;}
.w1024{ width:1024px;}

.w315pt{ width:31.5%;}
.w40pt{ width:40%;}
.w45pt{ width:45%;}
.w50pt{ width:50%;}
.w52pt{ width:52%;}
.w90pt{ width:90%;}
.w70pt{ width:70%;}
.w80pt{ width:80%;}
.w82pt{ width:82%;}
.w875pt{ width:87.5%;}
.w100pt{ width:100% !important;}
.w101pt{ width:101% !important;}

.h20{ height:20px;}
.h25{ height:25px !important;}
.h28{ height:28px !important;}
.h30{ height:30px;}
.h35{ height:35px;}
.h40{ height:40px;}
.h45{ height:45px;}
.h48{ height:48px;}
.h50{ height:50px;}
.h55{ height:55px;}
.h57{ height:57px;}
.h58{ height:58px;}
.h60{ height:60px;}
.h100{ height:100px;}
.h120{ height:120px;}
.h137{ height:137px;}
.h138{ height:138px;}
.h140{ height:140px;}
.h142{ height:142px;}
.h144{ height:144px;}
.h150{ height:150px;}
.h180{ height:180px;}
.h200{ height:200px;}
.h230{ height:230px;}
.h250{ height:250px;}
.h300{ height:300px;}
.h400{ height:400px !important;}


.fw100{ font-weight:100;}

.f12{ font-size:12px !important;}
.f13{ font-size:13px !important;}
.f14{ font-size:14px !important;}
.f15{ font-size:15px !important;}
.f16{ font-size:16px !important;}
.f17{ font-size:17px !important;}
.f18{ font-size:18px !important;}
.f19{ font-size:19px !important;}
.f20{ font-size:20px !important;}
.f21{ font-size:21px !important;}
.f22{ font-size:22px !important;}
.f23{ font-size:23px !important;}
.f24{ font-size:24px !important;}
.f25{ font-size:25px !important;}
.f26{ font-size:26px !important;}
.f27{ font-size:27px !important;}
.f28{ font-size:28px !important;}
.f29{ font-size:29px !important;}
.f30{ font-size:30px !important;}
.f36{ font-size:36px !important;}
.f38{ font-size:38px !important;}
.f40{ font-size:40px !important;}
.f45{ font-size:45px !important;}
.f50{ font-size:50px !important;}

.input {
    background: url(../img/text-bg.gif) repeat-x;
    border: 1px solid #c3cfd7;
    color: #5a5a5b !important;
    height: 22px !important;
    padding: 1px 3px;
}
.combo{
	background: url(../img/text-bg.gif) repeat;
    border: 1px solid #c3cfd7;
    padding: 1px 3px;
	height:24px;	
	min-width:80px;
	color:#5a5a5b !important; 
}
.btn{
	border-color: #D1D1D1;
	background-color: #FFFFFF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #F9F9F9 48%, #E2E2E2 52%, #E7E7E7);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    padding: 4px 7px 4px 7px;
	color:#444;
	cursor:pointer;
	font-size:13px;
}
.btn:hover {
    background-color: #E4F3FF;
    background-image: -moz-linear-gradient(center top , #E4F3FF, #D9EDFF 48%, #C2D8F2 52%, #C6DCF6);
    border-color: #B0CCF2;
}
.icon-btn{
	background:url(../icon/sprite.png);	
}
.icon-search{
	background-position: -2px -2px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 14px;
	cursor:pointer;
}
.icon-add{
	background-position: -25px -2px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 14px;
	cursor:pointer;
}
.icon-delete{
	background-position: -48px -2px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 14px;
	cursor:pointer;
}
.icon-edit{
	background-position:-161px -4px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 14px;
	cursor:pointer;
}
.icon-edits{
	background-position:-94px -4px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 14px;
	cursor:pointer;
}
.icon-booking{
	background-position:-28px -29px;
    height: 24px;
    margin-right: 3px;
    margin-top: 1px;
    width: 24px;
	cursor:pointer;
}
.icon-print{
	background-position: -71px -4px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 14px;
	cursor:pointer;
}
.icon-export{
	background-position: -115px -4px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 14px;
	cursor:pointer;
}
.icon-inport{
	background-position: -92px -27px;
    height: 14px;
    margin-right: 3px;
    margin-top: 1px;
    width: 15px;
	cursor:pointer;
}
.icon-right{
	background-position: -56px -29px;
    height: 22px !important;
    margin-right: 3px;
    margin-top: 1px;
    width: 22px !important;
	cursor:pointer;
}
.icon-refresh{
	background-position: -79px -29px;
    height: 14px !important;
    margin-right: 3px;
    margin-top: 1px;
    width: 22px !important;
	cursor:pointer;
}

.icon-download{
	background-position: -112px -29px;
    height: 18px !important;
    margin-right: 3px;
    margin-top: 1px;
    width: 22px !important;
	cursor:pointer;
}
.icon-upload{
	background-position: -135px  -29px;
    height: 18px !important;
    margin-right: 3px;
    margin-top: 1px;
    width: 22px !important;
	cursor:pointer;
}
.sidebar-menu .treeview-menu{ display: none; }
.active .treeview-menu {
	 display: block;
 }
.treeview-menu {
 display: none;
}
.treeview a{
	text-decoration:none; color:#b5b7b7; font-size:14px;
	text-shadow: -1px 0 #252626, 0 1px #252626, 1px 0 #252626, 0 -1px #252626
}
ul.sidebar-menu{
	margin:10px 0 0 0px; width:162px;	
}
ul.sidebar-menu ul{
	margin:0px 0 0 0px;	
}
ul.sidebar-menu li{
	list-style:none; line-height:25px; margin-left:-25px;
}
.fa-angle-left{
	margin-top:7px; color:#02aba6;
}
.fa{
 margin-right:5px !important;	
}


